﻿body
{
	font-size: .85em;
	font-family: "Trebuchet MS" , Verdana, Helvetica, Sans-Serif;
	color: #232323;
	background: #fff url(img/body.gif) repeat-x 0 0;
	margin: 0;
	padding: 0;
}
a{text-decoration:none}
.gp{
    background: #666 url(arrow_up.png) center center no-repeat;
    width: 32px;
    height: 32px;
    color: #fff;
    font-family: verdana;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    cursor: pointer;
    padding: 15px;
    margin: 5px;
}​
header, footer, nav, section
{
	display: block;
}

/* Styles for basic forms
-----------------------------------------------------------*/

fieldset
{
	border: 1px solid #ddd;
	padding: 0 1.4em 1.4em 1.4em;
	margin: 0 0 1.5em 0;
}

legend
{
	font-size: 1.2em;
	font-weight: bold;
}

textarea
{
	min-height: 75px;
}

.editor-label
{
	margin: 1em 0 0 0;
}

.editor-field
{
	margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
	color: #ff0000;
}

.field-validation-valid
{
	display: none;
}

.input-validation-error
{
	border: 1px solid #ff0000;
	background-color: #ffeeee;
}

.validation-summary-errors
{
	font-weight: bold;
	color: #ff0000;
}

.validation-summary-valid
{
	display: none;
}
/*======================CSSMain===================*/
#container
{
	margin: 0 auto;
	width: 1200px;
	background: white;
}
#header
{
	height: 64px;	
	background-image: -webkit-gradient(linear, 	left bottom, 	left top, 	color-stop(0.37, rgb(71,29,36)), 	color-stop(0.69, rgb(138,23,39)) );
	position: relative;
}

h1#logo
{
	font-size: 0;
	line-height: 0;
	width: 156px;
	height: 64px;
	float: left;
}
h1#logo a
{
	display: block;
	height: 64px;
	text-indent: -4000px;
	background: url(img/logo.gif);
}
#cart
{
	float: right;
	width: 160px;
	top: 0;
	right: 0;
	height: 51px;
	padding: 13px 10px 0 5px;
	white-space: nowrap;
	line-height: 20px;
}
a.cart-link
{
	color: #fff;
	background: url(img/cart-link.gif) no-repeat 0 0;
	padding: 0 0 0 32px;
	text-decoration: none;
}
a.cart-link:hover
{
	text-decoration: underline;
}
.cart-icon-menu
{
	display: block;
	overflow: hidden;
	background: url(img/cart-icon.png) no-repeat;
	width: 38px;
	height: 24px;
	position: absolute;
	left: 10px;
	top: 10px;
}
#nav-cart-count
{
	position: absolute;
	color: #fff;
	font-weight: bold;
	line-height: 16px;
	width: 20px;
	text-align: center;
}

#nav-cart .nav-cart-0
{
	top: 6px;
	left: 21px;
	font-size: 14px;
	width: 19px;
}
#nav-cart .cart_title
{
	margin-left: 25px;
}

#main { margin: 0px 20px 0px 20px;padding:10px 0 0 0; z-index:-5}
#sidebar { float:left; width:226px;}
.sidebar { float:left; width:226px;}
#login { float:left; width:200px; margin-left:10px}
.content { float:left; }
.clear { font-size:0; line-height:0; clear:both; display:block; height:0; }
.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }
/*Search*/
.search { min-height:252px;}
.search label { display:block; padding-bottom:3px; }

.search .field { display:block; margin-bottom:10px; }
.search .inline-field label { display:inline; padding:0; }
.search .inline-field .field { display:inline; margin:0; }
.search input.field { width:206px; }
.search select.field { width:212px; }
.search select.small-field { width:50px; }

.search-submit { width:70px; background:#8b0000; border:0; color:#fff; height:27px; display:block; line-height:26px; cursor:pointer; margin:12px 0 10px 0;}
/*End Search*/
.pro-title
	{
		background-image: -webkit-gradient(		linear,		left bottom,		left top,		color-stop(0.17, rgb(133,148,48))	);
		border-radius: 5px 5px 5px 5px;
		padding:15px 0 0 20px;
		color:White;
	}
	.pro-title .pro{ text-transform:uppercase;margin-left:30px;}
	.pro-title .detail{float:right; margin-right:20px;}
	.pro-title .nav{border-top:1px solid; padding:10px 0;}
	.pro-title .nav ul{list-style-type:none}
	.pro-title .nav ul li{display:inline; padding:5px 25px 5px 0px; margin-bottom:5px;}
	.pro-title .nav ul li a{color:White}
.products {}
.products ul{ list-style-type: none;}
.products ul li{ position:relative; padding:1px; border:solid 1px #dedede; float:left; width:226px; margin-right:9px; height:383px; overflow:hidden; }
.products ul li.last{ margin-right:0; }

.product-info{ position:absolute; width:153px; top:194px; left:0;}
.product-info h3{ background:#8b0000; color:#fff; padding:6px 10px; }
.product-info h4{ font-weight: normal;}
.product-info p{ font-size:16px; line-height:18px; text-transform: uppercase; font-weight: bold; color:#000; padding:5px 0 7px 0;}
.product-info .product-desc{ padding:10px; background:url(images/info.png); width:133px; }

.price { display:block; font-size:21px; color:#8b0000; line-height:23px; }
.more-products { border:solid 1px #dedede; position:relative; height:114px; overflow:hidden; }
.more-products ul{ list-style-type: none; height:94px; position:relative; overflow:hidden; width:805px;}
.more-products ul li{ float:left; width:94px; height:94px; border-right:dashed 1px #ccc; padding:0 10px;}
.more-products ul li.last{ border-right:0; }
.more-products ul li  img{width:230px; height:380px}
.more-products-holder { width:804px; height:94px; position:relative; overflow:hidden; top:10px; left:70px;}
.more-products-holder .jcarousel-clip{ width:804px; height:94px; position:relative; overflow:hidden; }

.more-nav { font-size:0; line-height:0;}
.more-nav a{ position:absolute; top:40px; left:0; width:30px; height:32px; text-indent: -4000px; z-index:3;}
.more-nav a.next{ background:url(images/next.gif); left:910px;}
.more-nav a.prev{ background:url(images/prev.gif); left:20px;}
.cols { padding:15px 0;}
.col { float:left; display:inline; width:217px; margin-right:30px;}
.col-last { margin-right:0;}

h3.ico { background-repeat:no-repeat; background-position:0 2px; padding:6px 0 8px 30px;}
h3.ico1 { background-image:url(images/ico1.gif);}
h3.ico2 { background-image:url(images/ico2.gif);}
h3.ico3 { background-image:url(images/ico3.gif);}
h3.ico4 { background-image:url(images/ico4.gif);}
.slider {  position:relative; overflow:hidden; float:left; }
#slider { height:252px; position:relative; overflow:hidden; float:left; }
#slider-holder { width:720px; height:252px; position:relative; overflow:hidden; }
#slider-holder .jcarousel-clip{ width:720px; height:252px; position:relative; overflow:hidden; }
#slider-holder ul{ width:720px; height:252px; position:relative; overflow:hidden; list-style-type: none;}
#slider-holder ul li{ width:720px; height:252px; position:relative; overflow:hidden; float:left; }

#slider-nav { position:absolute; top:231px; left:644px; z-index:-2;}
#slider-nav a{ font-size:0; line-height:0; text-indent: -4000px; width:10px; height:10px; border:solid 1px #8b0000; background:#8b0000; float:left; margin-right:5px; }
#slider-nav a:hover,
#slider-nav a.active { background:#fff;}
.categories { min-height:383px; }
.categories ul { list-style-type: none; font-size:13px;}
.categories ul li{ border-bottom:dashed 1px #ccc; padding:5px 0;}
.categories ul li.last{ border-bottom:0; padding-bottom:0;}
.categories ul li a{ color:#5f5f5f; text-decoration: none; background:url(images/cat.gif) no-repeat 0 4px; padding-left:17px;}
.categories ul li a:hover{ color:#8b0000; }
.box { padding:1px; border:solid 1px #dedede; margin-bottom:10px;}
.box h2{ background:#7f7f7f; color:#fff; font-weight: normal; padding:0 5px; position:relative; height:27px; line-height:27px; }
.box h2 span{ position:absolute; width:10px; height:5px; background:url(../Content/img/h2-arr.gif); top:27px; right:10px; font-size:0; line-height:0;}
.box-content { padding:5px;}
* { padding:0; margin:0; outline:0; }